<template>
  <div>

      <mh></mh>

    <main class="" id="main-collapse">
      <div>
      
      
        <!--面包屑导航 通过：进行传参操作-->
        <bread :datas='this.datas'></bread>

        <br /><br />
        <!-- 遍历数据 -->

        <div v-for="j in datalist">

          <a :href="'http://localhost:8080/detail?id='+j.id">{{ j.title }}</a>


        </div>
      
    
      </div>
    
    </main>

  </div>
</template>

 
<script>


import mh from './mh.vue'
//导入面包屑导航组件
import bread from './bread.vue'

export default {
  data () {
    return {
      msg: "这是一个变量",
      //面包屑变量
      datas:[{title:'首页',route:{name:'index'}},{title:'我的关注'}],
      //数据
      datalist:[]
      
    }
  },
  components: {
        'mh':mh,
        //声明标签
        'bread':bread
  },
  mounted:function(){

    //获取我的关注数据
    //使用箭头函数
    this.axios.get('http://localhost:8000/getmyflow/',{params:{id:localStorage.getItem("uid"),token:localStorage.getItem("token")}}).then((result) => {

      console.log(result);
      //赋值
      this.datalist = result.data;
      // console.log(this.datalist);

    });

      

},
  methods:{


    
  }
}


</script>
 
<style>



</style>